/* 
    Document   : style
    Created on : 2011-08-22, 16:08:52
    Author     : Ivan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


html    { width: 100%; height: 100%}
body    { margin: 0px; 
          background: #b3b3b3; 
          color: #454545; 
          font-family: Tahoma,Arial,Verdana,helvetica,sans-serif; 
          font-size: 12px; 
          line-height: 1.4; 
          height: 100%; }

hr        { border: 0;
            height: 0;
            border-top: 1px solid #bebebe;
            border-bottom: none; }

a,
a:visited { text-decoration: none; color: #20559a; }
a:hover	  { text-decoration: underline; } 
a:focus   { outline: none; }
 

dl      { margin-left: 20px; 
          margin: 0px; 
          padding: 6px 12px;	
          line-height: 1.4; }

dt      { float: left;
          color: #800000; 
          width: 120px; }

dd      { margin-left: 120px; }

footer    { width: 1200px;  
            padding: 10px 0px; 
            margin: 0px auto; 
            text-align: right;
            text-shadow: #dedede 0 1px 0; }
footer a,
footer a:visited { color: #474747; }
footer li        { display: inline; margin-left: 15px; }

/* for resolution less than 1280 */
.lt-1024 footer    { width: 950px; }

/* HELPERS */

.mini_name             { height: 20px; margin: 0 0 0 0px; padding-top: 7px}
.mini_info             { height: 20px; margin: 0 0 0 0px;font-size: 10px; color: #999999; line-height: 16px; }
.delete_photo          { z-index: 1;display: block; padding: 0px 6px 3px;  position: absolute; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); ; color: #fff; font-size: 10px}
.exp_edu_desc          { width: 600px; overflow: hidden}

.list_main_container .exp_edu_desc { padding-left: 62px; background-position-x: 6px;}
.lt-1024 .exp_edu_desc { width: 400px; }
.pending_request       { position: relative; top: 14px}

.tag,
.tag:visited           { float: left;
                         display: block;
                         background-color: #eee;
                         padding: 3px 7px;
                         margin: 1px 3px 2px 0px;
                         border-radius: 3px;
                         text-shadow: 0px 1px 0px white;
                         border-bottom: 1px solid #bebebe;
                         color: #454545; }

.tag:hover              { background: #ddd; text-decoration: none; }

.app_icon               { background-image: url('../images/app_icon_set.png');
                          background-repeat: no-repeat; }

.icon_contact           { background-position: 0px -188px}
.icon_add_contact       { background-position: 0px -235px}
.icon_find              { background-position: 0px -282px}
.icon_write_message     { background-position: 0px -141px}
.icon_inbox             { background-position: 0px -94px}
.icon_outbox            { background-position: 0px -47px}
.icon_bin               { background-position: 0px 0px}
.icon_desktop           { background-position: 0px -611px}
.icon_profile           { background-position: 0px -658px}
.icon_privacy           { background-position: 0px -705px}
.icon_account           { background-position: 0px -752px}
.icon_about             { background-position: 0px -799px}
.icon_terms             { background-position: 0px -846px}
.icon_help              { background-position: 0px -893px}
.icon_contact_us        { background-position: 0px -940px}
.icon_experience        { background-position: 0px -329px}
.icon_education         { background-position: 0px -376px}
.icon_additional        { background-position: 0px -423px}
.icon_star              { background-position: 0px -470px}
.icon_comment           { background-position: 0px -517px}
.icon_project           { background-position: 0px -564px}


/* AJAX LOADER */

/*#ajax_loader                   { background: #b3b3b3; 
                                 width: 100%; 
                                 height: 100%; 
                                 position: fixed; 
                                 top: 25px; 
                                 z-index: 3; 
                                 opacity: .5; 
                                 display: none; }

#ajax_loader > img             { position: absolute; 
                                 top: 50%; 
                                 left: 50%; 
                                 margin-top: -5px; 
                                 margin-left: -22px; }*/

/* FORMS */

.privacy_settings label { width: 100%;
                          text-align: left;
                          padding-right: 0px; 
                          padding-left: 10px}

.privacy_radio_form,
.privacy_checkbox_form         { margin-left: -30px; margin-top:17px; float:left }

label                          { width: 120px; 
                                 height: 32px;
                                 float: left; 
                                 padding-top: 14px; 
                                 padding-right: 10px;                                  
                                 text-align: right; 
                                 display: block;}

input, textarea, select        { outline: none; font-family: Tahoma; font-size: 12px}

body .datepicker_form           { width: 67px }
body .colorpicker_form          { width: 70px }

.standard_text_form, 
.standard_select_form, 
.standard_textarea_form        {  border: 1px solid #bebebe; 
                                  box-shadow: inset 0px 3px 0px 0px #e5e5e5;}

.standard_text_form:focus,
.standard_select_form:focus,
.standard_textarea_form:focus  { border: 1px solid #939393;
                                 background: #f8f8f8;
                                 box-shadow: inset 0px 3px 0px 0px #d4d4d4; }


.standard_checkbox_form        { margin: 16px 0 0 0;}

.standard_text_form            { 
                                 margin-top: 9px; 
                                 width: 500px; 
                                 padding: 6px; }
         

.standard_select_form	       { height: 28px;
                                 margin-top: 9px;
                                 padding: 4px; }


.standard_textarea_form        { height: 61px;  
                                 min-height: 61px; 
                                 margin-top: 9px; 
                                 margin-bottom: 9px;  
                                 width: 500px; 
                                 resize: vertical; 
                                 padding: 6px;}

        
.button_blue, 
.button_grey,
.button_blue:visited, 
.button_grey:visited           { cursor: pointer; 
                                 height: 25px;
                                 margin: 9px 0 0 0;
                                 padding: 4px 10px;
                                 font-family: Helvetica, Arial, sans-serif;
                                 text-decoration: none;
                                 font-weight: bold;
                                 line-height: 1;
                                 color: white;
                                 text-shadow: 0 -1px 1px rgba(0,0,0,.3);
                                 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
                                 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
                                 -o-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
                                 box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5); }

.button_grey                   { background: #e6e6e6 url('../images/bg_button_grey.gif') top repeat-x;
                                 border: 1px solid #989898; }

.button_grey:hover, 
.button_grey:focus             { background-position: bottom;
                                 background-color: #e6e6e6;
                                 color: white;
                                 text-decoration: none; }

.button_blue                   { background: #52A8E8 url('../images/bg_button_blue.gif') top repeat-x;
                                 border: 1px solid #20559A; }

.button_blue:hover, 
.button_blue:focus              { background-position: bottom;
                                  
                                  color: white;
                                  text-decoration: none; }

.button_blue:active,
.button_grey:active             { -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.7);
                                  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.5);
                                  -o-box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.5);
                                  box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.5);
                                  color: white; } 

.button_header,
.button_header_active,
.button_header:visited {          position: relative;
                                  cursor: pointer; 
                                  font-family: Helvetica, Arial, sans-serif;
                                  padding: 5px 10px;
                                  height: 15px;
                                  border: 1px solid #84868b;
                                  border-top: 1px solid #6a6b6b;
                                  border-bottom: 1px solid #91949c;
                                  border-radius: 3px;
                                  color: #454545;
                                  box-shadow: 0px 1px 0px #ededed, inset -1px 0px 0px rgba(255,255,255,0.5), inset 1px 0px 0px rgba(255,255,255,0.5);
                                  background: url('../images/bg_button_multi.gif') top; 
                                }
                                
.button_header:hover            { background-position: 25px; text-decoration:none; }
.button_header:active,
.button_header_active,
.button_header_active:visited   { background-position: bottom; box-shadow: 0px 1px 0px #ededed; color: #fff; text-shadow: 0px 1px 0px #555; }

.button_header_active           { cursor: default }
.button_header_active:hover     { text-decoration: none; }


.button_header > div,
.button_header_active > div           { float:left; width: 16px; height: 16px; background-position: top; }
.button_header:active > div,
.button_header_active > div           { background-position: bottom; }
.button_header > span,
.button_header_active > span    { position: relative; top: 0px; margin-left: 3px; }

.button_search                  { width: 16px; height: 16px; background: url('../images/icon_search.png') bottom no-repeat; border: none }
.button_search:hover            { background-position: top; }
.project_form                   { width: 866px; margin-bottom: 0px; height: auto}
.lt-1024 .project_form          { width: 666px; }

.multiselect_buttons            { height: 25px;
                                  
                                  border: 1px solid #84868b;
                                  border-top: 1px solid #6a6b6b;
                                  border-bottom: 1px solid #91949c;
                                  border-radius: 3px;
                                  box-shadow: 0px 1px 0px #ededed;
                                  margin: 0px;
                                  padding: 0px;
                                  width: auto;
                                  display: block;
                                }

.multiselect_buttons > li       { float: left; 
                                  border-right: 1px solid #84868b;
                                  list-style:none; 
                                  background: url('../images/bg_button_multi.gif') top; 
                                  padding: 4px 20px; 
                                  display:block; 
                                  height: 17px;
                                  -webkit-box-shadow:  inset -1px 0px 0px rgba(255,255,255,0.5);
                                  -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.5); 
                                  box-shadow: inset -1px 0px 0px rgba(255,255,255,0.5);
                                  cursor: pointer;
                                  position: relative;}

.multiselect_buttons > li:hover { background-position: 25px;  }
.multiselect_buttons > .active,
.multiselect_buttons > .active:first-child,
.multiselect_buttons > .active:last-child,
.multiselect_buttons > .active:hover { -webkit-box-shadow: none; 
                                       -moz-box-shadow: none; 
                                       box-shadow: none;
                                       background-position: bottom; 
                                       color: #fff; 
                                       text-shadow: 0px -1px 0px #555;  }

.multiselect_buttons > .active > div  { background-position: bottom; }


.multiselect_buttons  li:first-child { box-shadow: inset 1px 0px 0px rgba(255,255,255,0.5),inset -1px 0px 0px rgba(255,255,255,0.5);border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.multiselect_buttons  li:last-child  { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border: none; }

.multiselect_buttons > li > div      { width: 16px; 
                                       height: 16px;
                                       position: absolute;
                                       left: 50%;
                                       top: 50%; 
                                       margin-left: -8px; 
                                       margin-top: -8px;
                                       background-position: top;
                                     }
                                     
.lt-1024 #search_multiselect_buttons > li      { padding: 4px 15px;}
                                     
.desktop_save_button,
.desktop_save_button:visited         {  width: 128px;
                                        position: absolute;
                                        display: block;
                                        text-align: center;
                                        height: 14px;
                                        padding-top: 5px;
                                        right: 18px;
                                        margin-top: 0px; 
                                        top: 0px }

/* MAIN HEADER */

body > header              { background: url('../images/bg_header.gif'); 
                             height: 25px; 
                             width: 100%; 
                             position: fixed; 
                             top: 0px; 
                             z-index: 5; }

#main_logo                  { display: block; 
                              width: 100px; 
                              height: 25px; 
                              background: url('../images/mydesk_logo.png'); 
                              margin-left: 20px;}

#main_logo > span           { display: none; }

#shadow_panel               { height: 25px; 
                              width: 100%; 
                              position: fixed; 
                              top: 0px; 
                              z-index: 3;
                              -moz-box-shadow: 0 0 25px 5px #000;
                              -webkit-box-shadow: 0 0 25px 5px #000;
                              box-shadow: 0 0 25px 5px #000; }

/* MAIN MENU NAVIGATION */

.main_navigation			{ position: fixed; 
                                          top: 0px; 
                                          left: 130px; 
                                          z-index: 5; }		

.main_navigation > ul                   { margin: 0px; 
                                          padding: 0px; 
                                          height: 25px; }

.main_navigation li 			{ display: inline;position: relative }

.main_navigation li > a 		{ display: block; 
                                          height: 24px; 
                                          float: left; 
                                          width: 24px; 
                                          margin-left: 10px;
                                          background-repeat: no-repeat;
                                          background-image: url('../images/navigation_small_icon_set.png');}

.main_navigation li > a:hover           { background-color: #fff; text-decoration: none }
.main_navigation li > a > span          { display: none }

.main_navigation li > .active           { background-color: #fff; 
                                          border-bottom: 1px solid #fff}

#search_icon				{ background-position: 0px 4px; }
#desktop_icon                           { background-position: -25px 4px; }
#profile_icon 				{ background-position: -50px 4px; }
#contact_icon 				{ background-position: -75px 4px; }
#message_icon 				{ background-position: -100px 4px; }
#notification_icon 			{ background-position: -125px 4px; }
#setting_icon 				{ background-position: -150px 4px; }
#logout_icon 				{ background-position: -175px 4px; }

.toolbar_notice                         { display: inline; position: relative; top: 7px; left: 15px; background: #d51414; color: #fff; padding: 0px 3px; font-size: 9px; line-height: 7px;  border-radius: 5px  }

/* TOGGLE BOXES */
 
#notification_box,
#search_box,
#inbox_box,
#invitation_box,
#message_box                            {  z-index: 4;
                                           display: none;
                                           position: fixed;
                                           top: 24px;
                                           background: #fff;
                                           box-shadow: 0px 0px 5px #000;
                                           -moz-box-shadow: 0px 0px 5px #000;
                                           -webkit-box-shadow: 0px 0px 5px #000;}

#message_box textarea                   { height: 100px; margin-left: 16px; margin-bottom: 0px;width: 613px; }                                           

#notification_box                       { left: 310px }
#search_box                             { left: 140px; }
#inbox_box                              { left: 276px; }
#invitation_box                         { left: 242px; }
#message_box                            { left: 26px; top: 50%; margin-top: -14px;}

.content_box                            { padding: 0px 10px 10px 10px; 
                                          width: 316px; }

.link_box                               { padding: 10px; 
                                          text-align: center; 
                                          font-weight: bold;  }

.info_box                               { border-bottom: 1px solid #bebebe; 
                                          padding: 10px 10px 9px;  }

.toggle_loader                          { height: 30px; 
                                          padding-top: 17px; 
                                          text-align:center; 
                                          background-color: #f7f7f7 }

#inbox_box .list_main_container         { opacity: 0.35 }
#inbox_box .unread                      { opacity: 1 }
/* MAIN CONTENT */

#content 		      { width: 1200px;
                                margin: 0px auto; 
                                background: #363636 url('../images/shadow_aside_left.png') repeat-y 250px; 
                                position: relative; 
                                top: 60px;
                                -moz-box-shadow: 0 0 10px 0px #000;
				-webkit-box-shadow: 0 0 10px 0px #000;
				box-shadow: 0 0 10px 0px #000; }
                                
#content header 	      { height: 30px ; 
                                background: url('../images/bg_sub_nav.gif'); 
                                border-bottom: 1px solid #bebebe;
                                padding: 16px 10px 0px 10px; 
                                text-shadow: 0 1px 0px #F7F7F7;
                                font-weight: bold} 

#content header p             { margin: 0px}

.lt-1024 #content header .standard_text_form { width: 400px }  

#content aside	              { width: 300px; 
                                float: left; }
#content > section,
#content > div > section,
#content > form > section,
#content > div > form > section     { width: 900px; 
                                float: right; }



/* for resolution less than 1280 */
.lt-1024 #content                    { width: 950px;  
                                       background: #363636 url('../images/shadow_aside_left.png') repeat-y 200px;}
.lt-1024 #content aside              { width: 250px; }
.lt-1024 #content > section, 
.lt-1024 #content > div > section,
.lt-1024 #content > form > section,
.lt-1024 #content > div > form > section { width: 700px;}



 .header_menu 	      { font-weight: bold;
                                margin: 0px; 
                                height: 46px; 
                                background: url('../images/bg_sub_nav.gif'); 
                                border-bottom: 1px solid #bebebe; 
                                padding: 0px; 
                                position:relative; 
                                z-index: 2;
                                width: 900px; }

.lt-1024 .header_menu { width:700px; }

.header_menu li      { display: inline;}

.header_menu li a    { display: block; 
                                height: 31px; 
                                width: 115px; 
                                float: left; 
                                text-align: center; 
                                padding-top: 15px; 
                                border-right: 1px solid #bebebe; 
                                color: #454545; 
                                text-shadow: 0 1px 0px #F7F7F7; }

.header_menu li a:hover { background-color: #d3d3d3; text-decoration: none; }

.header_menu .active { height: 32px; 
                                background: #e8e8e8 url('../images/bg_header_menu_active.gif') bottom center no-repeat; 
                                text-decoration: none; 
                                border-bottom: none;  }

.header_menu .active:hover { background-color: #e8e8e8 }

#content > section > div,
#content > form > section > div { background: #fff; }

/* CONTENT > ASIDE */

aside > header, 		
aside > ul li           { border-right: 1px solid #bebebe; }

aside .list .active,
aside .list .active:hover       { background: #fff url('../images/bg_list_active.gif') no-repeat left center;
                                  padding-left: 20px; 
                                  font-weight: bold; 
                                  border-bottom: none }

aside .list_main_container > div { padding-left: 10px; }
aside .list_main_container > .app_icon { padding: 0  0 0 47px; }

aside .active .mini_info	{ font-weight: normal} 
aside > div                     { background: #fff; 
                                  border-right: 1px solid #bebebe; }

aside > .aside_white_box,
aside > div > .aside_white_box { padding: 10px; 
                                  border-bottom: 1px solid #bebebe; }

aside .standard_text_form       { width: 265px; float:none; }
aside .standard_select_form     { width: 100%}

.user_info                      { width: 240px; } /* user description for user list*/

/* for resolution less than 1280 */
.lt-1024 aside .standard_text_form   { width: 215px; }

.lt-1024 .user_info             { width: 190px; }


/* FORM LIST */
.list           { margin: 0px; 
                 padding: 0px; 
                 list-style: none; }

.list > li      { border-bottom: 1px solid #bebebe; }

.list .active,
.list .active:hover { background: #fff;
                      border-bottom: 1px dotted #bebebe; }

.list .unread   { font-weight: bold }
.list .unread .mini_info { font-weight: normal}

.list li > a,
.list li > a:visited               { color: #454545}
.list li > a:hover                 { text-decoration:none}

.text_list                         { margin: 4px 0px; padding-left: 22px}
.text_list li                      { padding-bottom: 7px;}

/* FORM LIST MAIN CONTAINER*/

.list_main_container        { height: 46px; 
                              background: #ececec url('../images/bg_list.gif') top repeat-x;
                              position: relative; }

.list_main_container:hover  { background: #dddddd url('../images/bg_list_hover.gif') top repeat-x; }

.list_main_container > div,
.list_main_container > a > div { float: left;
                                 padding-left: 15px; 
                                 height: 47px;
                                 overflow: hidden; }

.list_main_container > img,
.list_main_container > a > img      { float: left; }

.list_main_container > .list_standard_entre   { padding-top: 16px; 
                                                height: 31px; }

.list_white_container                         { border-left: 47px solid #f4f4f4; }

/* USER LINKS */
.list_main_container > .list_user_link,
#comments_container .list_user_link            { display:none; 
                                                
                                                padding-left: 0px; 
                                                background-color: #ddd; 
                                                border-left: 1px solid #bebebe;
                                                border-bottom: 1px solid #bebebe; 
                                                border-right: 1px solid #bebebe; 
                                                height: 46px;
                                                margin-left: -27px }

.list_main_container:hover > .list_user_link,
#comments_container:hover .list_user_link     { display: block }

#comments_container .list_user_link           { float: left; margin-left: -37px; 
                                                border-top: 1px solid #bebebe;
                                                height: 45px; }

#comments_container .list_user_link .profile_link { height: 22px; }

.desktop_link,
.profile_link                                 { display: block; 
                                                width: 25px; 
                                                height: 23px;
                                                background-image: url('../images/navigation_small_icon_set.png');
                                                background-repeat:  no-repeat }

.desktop_link:hover,
.profile_link:hover                           { background-color: #fff }

.desktop_link                                 { background-position: -25px 4px}
.profile_link                                 { background-position: -50px 4px }

/* ACTIONS */
.delete,
.edit,          
.btn_thumbnail  { display: block; width: 12px; height: 12px; margin-top: 2px }
.delete:hover,
.edit:hover,
.btn_thumbnail:hover { background-position: top right; }
  
.delete         { background: url('../images/icon_cross.png')  top left; }
.edit		{ background: url('../images/icon_edit.png') top left; }
.btn_thumbnail  { background: url('../images/icon_thumbnail.png') top left; margin-top: 7px; }
/* MESSAGE */

.message        { padding: 15px;  
                  border-left: 47px solid #f4f4f4; 
                  line-height: 1.4;}
.message > h1   { font-size: 13px; 
                  color:#000; 
                  margin-top: 0px;
                  margin-bottom: 17px;
                  font-weight: bold}

.message_link:hover           { text-decoration: none;}
.message_link:hover .mini_name { text-decoration: underline; }
.message_row            { width: 632px; }
.message_row .mini_info span { color: #454545; font-size: 11px;}
.lt-1024 .message_row   { width: 432px; }

#content .content_message_form { height: 109px }
/*
.message_row_user { width: 230px; overflow: hidden}
.lt-1280 .message_row_user { width: 170px}

.message_row_title { width: 387px ;overflow: hidden}
.lt-1280 .message_row_title { width: 247px } */
/* DESKTOP SETTINGS */

#screen,            
#screen_reflection, 
#screen_bar,        
#screen_color,      
#screen_grid,       
#screen_wallpaper  { position: absolute;}


#screen_color,      
#screen_grid,       
#screen_wallpaper  { right: 61px; top: 27px; height: 176px; width: 278px; }
	
#screen            { right: 30px; top: 0px;}
#screen_reflection { right: 30px; top: 1px;} 
#screen_bar        { right: 61px; top: 27px;}
#screen_color      { background: #304580}
#screen_grid       { background:  url('../images/screen_net.png')}

.lt-1024 #screen            {  right: 0px;   }
.lt-1024 #screen_reflection {  right: 0px;   } 
.lt-1024 #screen_bar        {  right: 31px;  }
.lt-1024 #screen_color      {  right: 31px;  }
.lt-1024 #screen_grid        {  right: 31px;  }
.lt-1024 #screen_wallpaper  {  right: 31px;  }

#desktop_list          { width: 500px; }
.lt-1024 #desktop_list { width: 360px; }

#screen_wallpaper > img { position: absolute; top: 0px; left: 0px;  }
#user_wallpaper .qq-upload-button { margin-left: 121px}
#upload_icon .qq-upload-button { margin-left: 75px; margin-top: 0px; width: 127px;}

/* PROFILE */
#content #profile > div                    { min-width: 450px;
                                    background-color: #eeeeee; }

#profile h1                       { font-size: 20px; 
                                    margin: 0px 0px 0px; 
                                    text-shadow: 0 1px 0px #F7F7F7;
                                    font-weight: normal; }
#profile h3                       { font-size: 14px; 
                                    margin: 17px 0px 5px; 
                                    color: #828891; 
                                    
                                    font-weight: normal;}

#profile_more_info > section > header { margin-top: 10px;
                                        border-top: 1px solid #bebebe;
                                    border-right: 1px solid #bebebe;
                                    border-left: 1px solid #bebebe; }
#profile_more_info > section > header > figure { float: left; 
                                                 margin-top: -17px;
                                                 margin-left: -7px;
                                                 height: 47px;
                                                 width:47px;
                                                 display: block}
#profile_main_info                 { border-bottom: 1px solid #bebebe;
                                     padding: 10px 10px 1px;
                                     background-color: #fff}

#profile_main_info > div           { margin-top: -47px; }
#profile_main_info > .right_side   { float: left; 
                                     margin-left: 20px;
                                     width: 740px; }

.lt-1024 #profile_main_info > .right_side  { width: 540px }

#profile_main_info dt              { width: 80px; } 
#profile_main_info dd              { margin-left: 80px; } 
#profile_main_info ul              { margin: 0px; padding: 0px; }
#profile_main_info li              { float: left; 
                                     list-style: none; 
                                     background-color: #eee;
                                     padding: 3px 7px; 
                                     margin: -3px 3px 6px 0px; 
                                     border-radius: 3px; 
                                     text-shadow: 0px 1px 0px #fff;
                                     border-bottom: 1px solid #bebebe}

#profile_more_info                  { padding:1px 10px 10px; }

.profile_info_container            { border-bottom: 1px solid #bebebe;
                                     border-right: 1px solid #bebebe;
                                     border-left: 1px solid #bebebe;
                                     padding: 10px 0px;
                                     background: #fff;
                                   }	

.profile_info_container p          { margin: 0px }

.profile_image, 
.aside_profile_image                { border: 1px solid #bebebe;
                                     padding: 5px;
                                     background: #fff;
                                     box-shadow: 0px 1px 11px -4px #000;
                                     width: 105px; 
                                     height: 105px; 
                                     position: relative;}

.aside_profile_image                { width: 60px; height: 60px;}
.aside_profile_description          { padding-left: 80px;
                                      font-size: 11px;
                                      color: #999;
                                      margin-top: -4px;
                                      min-height: 30px;
                                    }

.profile_image img                 { position: absolute; top:5px; left: 5px}


/* OVERLAY DIALOG BOX */

.overlay              { display:none; 
                        z-index:10000; 
                        width:500px; }

.msg-prompt           { background: #fff; 
                        -moz-box-shadow: 0px 0px 100px #000;
                        -webkit-box-shadow: 0px 0px 100px #000;
                        box-shadow: 0px 0px 100px #000;}
        
.msg-prompt label                   { width: 75px }
.msg-prompt .standard_text_form,     
.msg-prompt .standard_textarea_form { width: 344px }
.msg-prompt .standard_textarea_form { height: 44px; min-height: inherit}
.msg-prompt header    { height: 29px ; 
                        background: url('../images/bg_sub_nav.gif');
                        border-bottom: 1px solid #bebebe; 
                        padding-top: 16px; 
                        padding-left: 10px;
                        text-shadow: 0 1px 0px #F7F7F7;
                        font-weight: bold }
                        
#msg-action           { text-align: right; 
                        background: #f4f4f4; 
                        border-top: 1px dotted #bebebe; 
                        padding: 9px 10px 5px 10px; 
                        height: 23px }

#msg-content          { padding: 15px 15px 15px 90px; 
                        min-height: 40px; 
                        background: url('../images/icon_notice.png') 25px 13px no-repeat; 
                         }

.modal_embed           { width:840px; display: block; line-height: 0; background-color: #000 }
.modal_embed iframe    { width: 840px;}
.modal_embed .vimeo_player iframe { height: 473px }
.modal_embed .youtube_player iframe { height: 473px }
.modal_embed .slideshare_player iframe { width: 100%; height: 527px }
.modal_embed .file_player iframe { height:527px }

.modal_embed .close    { display:block; 
                         padding: 0px 7px;
                         line-height: 18px; 
                         height: 20px; 
                         position: absolute; 
                         right: -20px; 
                         top:0px;
                         background-color: #000;
                         color: #fff}

.modal_embed .close:hover { text-decoration: none; background-color: #555 }
/* USER PROFILE-DESKTOP NAVIGATION*/

.profile_navigation			{ z-index: 4;
                                          position: fixed; 
                                          left: 0px; 
                                          top: 50%; 
                                          margin-top: -40px; 
                                          width: 25px;
                                          background: #d3d3d3;
                                          border-top: 1px solid #878787;
                                          border-bottom: 1px solid #878787;
                                          border-right: 1px solid #878787; }

.profile_navigation > ul 		{ margin: 0px; padding: 0px; width: 25px; }

.profile_navigation li > a              { display: block; 
                                          height: 25px; 
                                          width: 25px; 
                                          background-repeat: no-repeat; 
                                          background-image: url('../images/navigation_small_icon_set.png');
                                           }

.profile_navigation li > a:hover	{ background-color: #fff; }
.profile_navigation li > a > span 	{ display: none; }
.profile_navigation li .active          { background-color: #fff; border-right: 1px solid #fff; }
        
#profile_icon_mini                      { background-position: -50px 4px;}
#desktop_icon_mini			{ background-position: -25px 4px;}
#message_icon_mini			{ background-position: -225px 4px; }
#friend_icon_mini			{ background-position: -250px 4px; }
#layout_icon_mini			{ background-position: 0px 4px; }
#add_element_icon_mini			{ background-position: -200px 4px; }

/* DESKTOP */

.desktop        { width: 1600px; 
                  height:900px; 
                  position: fixed; 
                  top: 25px;       
                  margin-left: auto;}

.body           { width: 100%; height: 100%}

/* MAIN PAGE */

#main_page_desktop                              {
                                                  height: 325px; 
                                                  background: #01375b url('/public/application/images/grid.png') top;
                                                  overflow: hidden}

.main_page_icon_matrix                          { width: 1199px;
                                                  height: 300px;
                                                  position: relative;
                                                  top: -575px;
                                                  left: 50%;
                                                  margin-left: -599px;}

.main_page_icon_matrix img                      { position: absolute;
                                                  width: 32px; height: 32px; opacity: 0.5 }

#main_page_text                                 { position: absolute;
                                                  top: 175px;
                                                  font-size: 23px;
                                                  text-align: center;
                                                  width: 100%;
                                                  color: white;
                                                  text-shadow: 0px 0px 1px #F4F4F4, 0px 0px 14px black, 0px 0px 14px black, 0px 0px 14px black, 0px 0px 14px black;
                                                }   

#main_page_forms				{ background: #fff; 
                                                  height: 164px; 
                                                  width: 250px; 
                                                  border: 1px solid #888888; 
                                                  position: absolute; 
                                                  top : 335px; 
                                                  left: 50%; 
                                                  margin-left: -500px; 
                                                  overflow: hidden; }

#main_page_forms ul                             { margin: 0px; padding: 0px }

#main_page_forms li				{ padding-left: 8px; padding-right: 8px; list-style: none  }
#main_page_forms li .standard_text_form         { width: 220px }
#main_page_forms .button_blue                   { width: 80px; float: right; margin-bottom: 9px }
#main_page_forms a				{ margin-top: 9px; 
                                                  margin-left: 9px; 
                                                  color: #454545; 
                                                  cursor: pointer  }
#main_page_forms  div				{ position: relative }

#main_page_navigation			{ height: 47px ; 
                                          background: url('../images/bg_sub_nav.gif'); 
                                          border-bottom: 1px solid #bebebe;
                                          -moz-box-shadow: 0 0 25px 5px #000;
                                          -webkit-box-shadow: 0 0 25px 5px #000;
                                          box-shadow: 0 0 25px 5px #000;}

#main_page_navigation ul                { position: absolute;
                                          margin: 0px;
                                          left: 50%; 
                                          margin-left: -200px; 
                                          cursor: pointer; }

#main_page_navigation li		{ display: block;
                                          float: left; 
                                          border-right: 1px solid #bebebe; }

#main_page_navigation li:first-child	{ border-left: 1px solid #bebebe; }
#main_page_navigation li:hover          { background: #c9c9c9; }
#main_page_navigation a			{ display: block;  width: 50px; height: 47px;  }
#main_page_navigation .active           { height: 48px; background: #fff; }
#main_page_navigation .active:hover	{ background: #fff; }							 								
#main_page_navigation span		{ display: none }

#main_page_content			{ background: #fff; 
                                          height: 150px; 
                                          border-bottom: 1px solid #5f5f5f; }

#main_page_content div			{ padding: 20px;
                                          position: absolute; 
                                          left: 50%; 
                                          margin-left: -220px; 
                                          display: none;
                                          width: 450px;
                                         }

#main_page_content div h2               { margin-top: 0px; color: #20559a; font-size: 14px }


#main_page_content .active		{ display: block }

#desktop_icon_mainpage,	
#business_icon_mainpage,
#group_icon_mainpage,
#lightbulb_icon_mainpage		{ background-repeat: no-repeat; background-position: center}


#desktop_icon_mainpage			{ background-image: url('../images/icon_desktop_mainpage.png');}
#business_icon_mainpage			{ background-image: url('../images/icon_business.png'); }
#group_icon_mainpage			{ background-image: url('../images/icon_group.png');}
#lightbulb_icon_mainpage		{ background-image: url('../images/icon_lightbulb.png');}

#main_page_search 			{ height: 30px;
                                          padding-top: 13px; 
                                          background: #dcdcdc;
                                          border-top: 1px solid #888888;
                                          clear: both; } 
									 
#main_page_recovery_info		{ height: 73px; 
                                          padding-left: 18px; 
                                          padding-right: 18px;  
                                          padding-top: 10px; 
                                          background: #dcdcdc;
                                          border-top: 1px solid #888888;
                                          clear: both; 
                                          font-size: 12px; 
                                          line-height: 1.4; }

#main_page_recovery a                    { position:relative; top: 13px }

/* NOTIFICATION */

.notification_container              { width: 790px; background-position-x: right; padding-right: 47px; }
.lt-1024 .notification_container     { width: 590px; }

/* PROJECT */

 #project_button_panel a { margin-right: 5px; padding: 3px 5px; float: left; height: auto;  }
 #project_header           { position: fixed; top: 60px; width: 880px; z-index: 3}
 .lt-1024 #project_header  { width: 680px;}
 
 #project_content       { padding-top: 47px; background-color: #fff }
 .project_list          { margin: 0px; 
                          padding: 0px; 
                          list-style: none; }

.project_list > li      { position: relative; border-bottom: 1px dashed #bebebe; padding: 15px}
.project_list > li:last-child { border-bottom: 1px solid #bebebe; }
.project_list > li:first-child { border-bottom: 1px solid #bebebe }

.project_list > li:hover .container_options { display: block; }
.project_list > li:hover .container_drag    { display: block; }
.container_options      { display: none; position: absolute; top: 10px; right: 10px;  }
.embed_container        { text-align: center; background-color: #e5e5e5; }
.embed_container iframe { box-shadow: 0px 0px 6px 0px #000;
                          width: 640px;
                          margin: 0px auto;
                          display: block; }

.embed_container .youtube_player iframe,
.embed_container .vimeo_player iframe      { height: 340px;}
.embed_container .slideshare_player iframe,
.embed_container .file_player iframe { height: 517px;}


.image_container        { background-color: #f9f9f9;}
.image_container > a    { position: relative;
                          margin: 0px auto; 
                          line-height: 0px;
                          display: block; 
                          width: 640px;  }




.image_container > img,
.image_container > a > img { display: block; margin:0px auto; }

.unpublished .image_box > img,
.unpublished .image_box > .jcrop-holder,
.unpublished iframe,
.unpublished .text_box  { opacity: 0.5 }
.container_drag         { position: absolute;
                          display: none;
                          cursor: s-resize;
                          top: 0; 
                          left: 0px; 
                          opacity: 0.5;
                          width: 12px; 
                          height: 100%; 
                          background: url('../images/drag.png') center center }

.container_drag:hover   { opacity: 1; }

#container_embed_preview                    { border: 1px solid #bebebe;
                                              background-color: #eee;
                                              padding: 7px 30px 7px 7px;
                                              margin-top: 10px }
#container_embed_preview img                { float: left; margin-right: 13px; width: 120px }
#container_embed_preview a                  { font-weight: bold}
#container_embed_preview .embed_url         { color: #888; font-size: 10px; margin-top: 0px }
#container_embed_preview .embed_description { margin-bottom: 0px; }
#container_embed_preview .right_info        { float: left; width: 700px}
.lt-1024 #container_embed_preview .right_info { width: 500px } 

#container_embed_preview_action             { border: 1px solid #bebebe; 
                                              border-top: 0px;  
                                              text-align: right; 
                                              padding: 5px }
#container_embed_preview_action .button_blue { margin: 0px;}

.tab_project_text,
.tab_project_embed,
.tab_project_photo { padding: 0px 10px 10px 10px; }
.tab_project_photo { padding: 10px; min-height: 72px }

.project_info          { width: 388px }
.lt-1024 .project_info { width: 288px }

.embed_info            { border: 1px solid #bebebe;
                         background-color: #eee; 
                         padding: 7px;
                         margin-top: 10px }

#share_project         { background-color: #555;
                         color: #fff;
                         padding: 15px;
                         text-align: right;
                         height: 17px; 
                         text-shadow: 0px 1px 0px #333;
                         box-shadow: inset 0px -4px 6px -3px #000, inset 0px 4px 6px -3px #000; }

#project_miniature     { width: 210px;
                         height: 160px;
                         background-color: #E5E5E5;
                         margin: 0px auto;
                         box-shadow: 2px 2px 7px -3px #000;
                         text-align:center;
                         position:relative; }

#project_miniature p {   position:relative; top:30%; margin:0px;padding:10px; }
.image_box              { position: relative; margin: 0px auto; width:640px; }
.image_box img          { margin: 0px auto; display: block }
.thumbnail_manipulation { box-shadow: 0px 0px 6px 0px #000;
                          padding: 10px; 
                          background-color: #fff;
                          position: absolute;
                          left: -242px;
                          top: 0px;
                          display: none;
                          z-index: 1;}

.thumbnail_manipulation .thumbnail_div { width: 210px; height: 160px; overflow: hidden; }
.thumbnail_manipulation .arrow,
.thumbnail_manipulation .arrow_border { position: absolute;
                                        top: 10px;
                                        right: -14px;
                                        border-color: transparent transparent transparent white;
                                        border-style: solid;
                                        border-width: 7px;
                                        height: 0;
                                        width: 0;}

.thumbnail_manipulation .arrow_border { border-width: 8px;
                                        border-color: transparent transparent transparent #999;
                                        top: 9px;
                                        right: -16px; }

.thumbnail_action       { padding-top: 8px; text-align: right}

/* ADD PROJECT - MODAL WINDOW */

#icon_container {  padding:5px; height: 142px; overflow-x: none; overflow-y: auto; display: none }
#icon_container img { padding: 5px; margin: 5px; cursor: pointer; border: 1px solid #fff; border-radius: 5px; width: 48px; height: 48px  }
#icon_container img:hover { border: 1px solid #bebebe; background-color: #f4f4f4 }

/* SETTINGS PRIVACY */

#privacy_division_left           { float: left; width: 450px }
.lt-1024 #privacy_division_left  { width:350px; }
#privacy_division_right          { float: left; width: 449px; border-left: 1px solid #bebebe }
.lt-1024 #privacy_division_right { width: 349px; }     

.division_left           { float: left; width: 450px }
.lt-1024 .division_left  { width:350px; }
.division_right          { float: left; width: 449px; border-left: 1px solid #bebebe }
.lt-1024 .division_right { width: 349px; }  

/* PROJECT COMMENTS */
#comments_container                  { padding: 10px }
#comments_container textarea,
.project_form textarea               { padding: 0px; 
                                       border:0px; 
                                       border-bottom: 1px dotted #bebebe;  
                                       width:100%; 
                                       height: 60px;
                                       resize: vertical;}

#content #comments_header            { background: none;
                                       border-bottom: 1px solid #bebebe;
                                       box-shadow: 0px 1px 0px #fff;  
                                       margin: -10px 0px 10px 0px; }

#comments_container article          { margin-top: 5px; }
#comments_container .nested          { margin-top: 0px;
                                       margin-left: 57px;
                                       background-color: #DDD;
                                       margin-right: 0px;
                                       padding: 5px 5px 0px 5px;
                                     }
#comments_container ul               { padding: 0px; margin: 0px;  list-style: none;}
#comments_container .comment_content { border: 1px solid #bebebe;
                                       background: #fff; 
                                       padding: 10px;
                                       margin-left: 57px;
                                       position:relative; }
.comment_content .arrow, 
.comment_content .arrow_border       { position: absolute; 
                                       bottom: -14px;
                                       border-color: white transparent transparent transparent;
                                       border-style: solid;
                                       border-width: 7px;
                                       height: 0;
                                       width: 0; }
 
.comment_content .arrow_border       { border-width: 8px; 
                                       border-color: #bebebe transparent transparent transparent; 
                                       bottom: -16px; 
                                       left: 9px; }

.comment_content p                   { margin: 0px; }

.comment_user                        { padding: 5px; padding-left: 0px; }
.comment_user .photo                 { width: 47px; 
                                       height: 47px; 
                                       float: left;
                                       margin-right: 10px }

#comments_container .comment_user:hover > .list_user_link { display: block }

.comment_user p                      { font-size: 13px; 
                                       margin-top: 5px;
                                       margin-bottom: 0px}

.comment_user .p_info                { font-size: 11px; color: #888;}

.comment_user date                   { float:right; color:#888; font-size: 11px}
#comments_container article .comment_action   { float:right; font-size: 11px; margin: 0px 5px 0px 5px; display:none }
#comments_container article .comment_action a { padding: 0px 5px 0px 5px; border-right: 1px solid #bebebe }
#comments_container article:hover .comment_action { display: block }

#comments_container .info_message            { text-align:center; text-shadow: 0px 1px 0px #F7F7F7; color: #717171; padding-bottom: 5px  }
#comments_container .info_message h2         { font-size: 15px; margin: 5px; color: #454545 }
/* results */

.results    { background-color: #fff; padding: 5px }
.box_result { box-shadow: 1px 1px 10px -2px #000;
              float: left;
              margin: 6px; }

.lt-1024 .box_result { margin: 6px 10px }
.box_result:hover .appreciate_result,
.box_result:hover .comment_result { display: inline}
             
.image_result             { width: 210px; 
                            height: 160px; 
                            background-color: #eee; 
                            position: relative;
                            display: block }

.image_result .image_icon { position: absolute;
                            top: 50%; 
                            left:50%; 
                            margin-top:-24px; 
                            margin-left: -24px; }
.image_result:hover       { text-decoration: none;}
.title_result,
.content_result           { padding: 10px }
.title_result             {  border-bottom: 1px solid #bebebe; font-weight: bold; }
.title_result a           { color: #000 }
.footer_result            { padding: 5px 10px; background-color: #eee; font-size: 10px}
.appreciate_result,
.comment_result           { background-repeat: no-repeat;
                            background-image: url('../images/icon_comment_star.png'); 
                            padding: 3px 5px 3px 22px;
                            position: absolute; 
                            top: 0px; 
                            background-color: #000; 
                            color: #fff;
                            display: none }
.appreciate_result { left: 0px;  background-position: 4px -20px; }
.comment_result { right: 0px; background-position: 4px 5px; }